<table id="gameBoard">
	<tbody>
		<tr>
			${makeCell(0)}
			${makeCell(1)}
			${makeCell(2)}
		</tr>
		<tr>
			${makeCell(3)}
			${makeCell(4)}
			${makeCell(5)}
		</tr>
		<tr>
			${makeCell(6)}
			${makeCell(7)}
			${makeCell(8)}
		</tr>
	</tbody>
</table>

<%def name="makeCell(boardIndex)">
% if game.board[boardIndex]:
	<td id="cell-${boardIndex}">
		${game.playerSigns[game.board[boardIndex]]}
	</td>
% else:
	<td id="cell-${boardIndex}">
		<form action="/game/${game.gameType}/${game.id}/move" method="POST" class="watched async TicTacToeMove">
			<input type="hidden" value="${boardIndex}" name="move"/>
			<input type="submit" value="move here" />
		</form>
	</td>
% endif
</%def>
